<el-dialog :title="titleMap[dialogStatus]" class="app-blog-edit-dialog" :destroy-on-close="true" :visible.sync="editVisible" :fullscreen="true">
    <el-form ref="modelForm" :model="modelForm" :rules="rules" label-width="80px" style="width:83%; margin-left:50px;">
        <el-form-item label="标题" prop="title">
            <el-input v-model="modelForm.title" />
        </el-form-item>
        <el-row :gutter="20">
            <el-col :span="4">
                <el-form-item label="文章类型" prop="catid">
                    <el-select v-model="modelForm.catid" placeholder="请选择类别">
                        <el-option v-for="item in categoryList" v-if="item.colId != 4" :key="item.colId" :label="item.colTitle" :value="item.colId"></el-option>
                    </el-select>
                </el-form-item>
            </el-col>
            <el-col :span="4">
                <div class="edit-status">
                    <el-checkbox v-model="modelForm.status" :true-label="2" :false-label="1">草稿</el-checkbox>
                </div>
            </el-col>
        </el-row>
        <el-form-item label="简介" prop="description">
            <el-input v-model="modelForm.description" type="textarea" :rows="2" placeholder="请输入简介" />
        </el-form-item>
        <el-form-item label="内容" prop="content">
            <app.tinymce :height="360" v-model.sync="modelForm.content"></app.tinymce>
        </el-form-item>
    </el-form>
    <div slot="footer" class="dialog-footer">
        <el-button @click="handleCancel">取消</el-button>
        <el-button type="primary" @click="dialogStatus === 'create' ? createData() : updateData() ">确认</el-button>
    </div>
</el-dialog>
